<%@ page language="java" import="java.util.*" pageEncoding="UTF-8" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!DOCTYPE html>
<!-- 网页使用的语言 -->
<html lang="zh-CN">
<head>
    <!-- 指定字符集 -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>修改用户</title>

    <%--<link href="css/bootstrap.min.css" rel="stylesheet">
    <script src="js/jquery-3.3.1.js"></script>
    <script src="js/bootstrap.min.js"></script>--%>
    <!-- 1. 导入CSS的全局样式 -->
    <link href="${pageContext.request.contextPath}/css/bootstrap.min.css" rel="stylesheet">
    <!-- 2. jQuery导入，建议使用1.9以上的版本 -->
    <script src="${pageContext.request.contextPath}/js/jquery-3.3.1.js"></script>
    <!-- 3. 导入bootstrap的js文件 -->
    <script src="${pageContext.request.contextPath}/js/bootstrap.min.js"></script>

</head>
<div><h2><%=session.getAttribute("username")+"用户"%></h2></div>
<body>
<div class="container" style="width: 400px;">
    <h3 style="text-align: center;">修改联系人</h3>
    <form action="${pageContext.request.contextPath}/StudentServlet/update?id=${student.id}" method="post">
        <%--注：id需要做为隐藏域提交，也可以将数据提交给服务器，但用户没有必要看到 --%>
        <input type="hidden" name="id" value="${student.id}">
        <div class="form-group">
            <label for="name">姓名：</label>
            <%--readonly="readonly" 表示只读, value表示文本框默认的值 --%>
            <input type="text" class="form-control" id="name" name="name" value="${student.name}" placeholder="请输入姓名"/>
        </div>

        <div class="form-group">
            <label>性别：</label>
            <%--使用三元运算，让单选框选中--%>
            <input type="radio" name="gender" value="男" ${student.gender=="男"?'checked="checked"':''}/>男
            <input type="radio" name="gender" value="女" ${student.gender=="女"?'checked="checked"':''}/>女
        </div>

        <div class="form-group">
            <label for="age">年龄：</label>
            <input type="number" class="form-control" id="age" name="age" placeholder="请输入年龄" value="${student.age}"/>
        </div>

        <div class="form-group">
            <label for="address">籍贯：</label>
            <select name="address" class="form-control" id="address">
            <%--    &lt;%&ndash;从数组中取出每个省份显示&ndash;%&gt;
                <c:forEach items="${addresses}" var="add">
                    &lt;%&ndash;如果数组中省份名字等于当前联系人的省份就选中&ndash;%&gt;
                    <option value="${add}" ${student.address==add?'selected="selected"':''}>${add}</option>
                </c:forEach>--%>
                <option value="鼎香楼">鼎香楼</option>
                <option value="西王山山神庙">西王山山神庙</option>
                <option value="冀中军分区根据地">冀中军分区根据地</option>
                <option value="日军宪兵司令部">日军宪兵司令部</option>
                <option value="北平">北平</option>
                <option value="警备队队部">警备队队部</option>
                <option value="侦缉队队部">侦缉队队部</option>
                <option value="齐各庄">齐各庄</option>
                <option value="日军特务情报机关">日军特务情报机关</option>
            </select>
        </div>

        <div class="form-group">
            <label for="qq">QQ：</label>
            <input type="number" class="form-control" name="qq" placeholder="请输入QQ号码" id="qq" value="${student.qq}"/>
        </div>

        <div class="form-group">
            <label for="email">Email：</label>
            <input type="text" class="form-control" name="email" placeholder="请输入邮箱地址" id="email" value="${student.email}"/>
        </div>

        <div class="form-group" style="text-align: center">
            <input class="btn btn-primary" type="submit" value="提交"/>
            <input class="btn btn-default" type="reset" value="重置"/>
            <input class="btn btn-default" type="button" value="返回" onclick="history.back()"/>
        </div>
    </form>
</div>
</body>
</html>